<!DOCTYPE html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<title>引导页</title>
	<meta name="description" content="">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
	<meta http-equiv="cleartype" content="on">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/assets/base/comm/css/index.css">
	<link rel="stylesheet" href="/assets/base/comm/css/swiper.min.css">
</head>
<body>
<div class="wraper">
	<div class="banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<volist name="commdata" id="vo">
					<div class="swiper-slide">
						<p class="title">{BEESCRM:$vo.title}</p>
						{BEESCRM:$vo.content}
						<p class="img-box"><img src="/assets/base/comm/images/img_1.png" /></p>
					</div>

				</volist>
				<div class="swiper-slide">
					<p class="title">TA的电量我先知</p>
					<p class="text">增加自定义电量提醒功能</p>
					<p class="text">第一时间知道TA的寝室没电啦</p>
					<p class="img-box"><img src="/assets/base/comm/images/img_1.png" /></p>
				</div>


				<div class="swiper-slide">
					<p class="title">TA的电量我先知</p>
					<p class="text">增加自定义电量提醒功能</p>
					<p class="text">第一时间知道TA的寝室没电啦</p>
					<p class="img-box"><img src="/assets/base/comm/images/img_1.png" /></p>
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
	</div>
</div>
<script src="/assets/base/comm/js/jquery-2.1.0.min.js"></script>
<script src="/assets/base/comm/js/swiper.min.js"></script>
<script>
	$(function(){
		var height = $(window).height();
		$('.banner').css('height',height);

		var count = $('.swiper-slide').length;
		if(count > 1){
			var swiper = new Swiper('.banner .swiper-container', {
				pagination: '.banner .swiper-pagination',
				paginationClickable: true,
				spaceBetween: 30,
				centeredSlides: true,
				autoplayDisableOnInteraction: false
			});
		}else{
			var swiper = new Swiper('.banner .swiper-container', {
				paginationClickable: true,
				spaceBetween: 30,
				centeredSlides: true,
				autoplayDisableOnInteraction: false
			});
		}
		$('.swiper-slide').eq(count-1).append('<a href="javascript:void(0)" class="btn colose-div">马上去体验</a>');
		$('.colose-div').on('click',function(){
			$(".wraper-widget").hide();

		});
	})
</script>
</body>
</html>
